約 3,930,749 件
https://w.atwiki.jp/mtgwiki/pages/293.html
《Copper Tablet》 #whisper ダメージ加速アーティファクト。 自分も被害を受けてしまうとはいえ、マナやカードなどの追加コストなしで毎ターン1ずつライフを削っていくのはかなり強烈。 ビートダウン系デッキの加速用としてかなり有効といえた。 調整版に、マナを払って自分へのダメージを無効化できる有刺鉄線/Barbed Wireがある。 参考 カード個別評価:アンリミテッド(2nd) カード個別評価:Masters Edition
https://w.atwiki.jp/sunday_notebook/pages/16.html
やることは次の4つ。 Java開発キット(JDK)の入手とインストール EclipseIDEの入手とインストール Android用プラグインの入手とインストール AndroidSDKの入手とインストール 図とかはネットで調べるといろいろ出てくるので今更載せません。 それぞれのヴァージョンが変わると、意味を成さなくなるしね。 1.JDKの入手とインストール JDKの入手自体はMacの場合必要ありません。 すでに搭載されているので、アップデートがないかだけチェックしておいてください。 WinとLinuxは以下のサイトから入手してね。 Sun Developer Network -Java SE ダウンロード- ダウンロードしたら解凍して、インストーラーを起動。 あとは手順にしたがってインストールして下さい。 2.EclipseIDEの入手とインストール 以下のサイトからEclipseをダウンロードします。 いろんなパッケージがあるのですが、とりあえずEclipseIDE for Java Developersを選べばOK! Eclipse Downloads ダウンロードしたら解凍して、インストーラーを起動。 あとは手順にしたがってインストールして下さい。 ちなみに日本語化の説明はここではやりません。 必要な方は以下のサイト等を参考にやってみてください。 Eclipse wiki 日本語化 3.Android用プラグインの入手とインストール ここからはEclipseを起動してから行います。 「Help」メニューから「Install New Software...」を選択します。 「Available Software」ダイアログが表示されるので、「Add...」ボタンをクリックします。 「Add Repository」ダイアログの「Location 」フィールドに次のアドレスを入力し、「OK」をクリックします。https //dl-ssl.google.com/android/eclipse/ 「Available Software」ダイアログに戻り、「Next」をクリックします。 インストール可能なプラグインの一覧が表示されたら、「Developer Tools」のチェックボックスをオンにし、「Next」をクリックします。 これ以降は指示に従って「OK」等のボタンをクリックします。 最後にEclipseの再起動を促されますので、再起動しておきましょう。 4.AndroidSDKの入手とインストール 以下のサイトからAndroidSDKをダウンロードして、適当な場所に解凍しておきます。 パスを設定する必要があるので、ディレクトリの深い位置に置くのはやめた方がいいかもしれません。 Download the Android SDK 配置が出来たらSDKフォルダ内の「tools」フォルダまでのパスを追加します。 ex. C \Android\android-sdk-windows\tools PATHの設定はwindowsならシステムプロパティの詳細設定-環境変数からPATHの追加と編集が行えます。 MacやLinuxの場合はユーザーのホームフォルダに「.bash_profile」または「.bashrc」というファイルを作り、パス設定のコマンドを入力します。 windowsと違いGUIでは出来ませんので、ターミナルを立ち上げて行います。 続いてEclipseにもSDKのパスを設定します。 Eclipseを起動し、「Window」メニューから「Preferences」を選択します。(*1) 「Preferences」ウィンドウから「Android」を選択し、「SDK Location」にSDKのパスを入力します。ex. C \Android\android-sdk-windows\ (*2) 「OK」をクリックし、「Preferences」を閉じます。 最後にSDKのコンポーネントを追加します。 「Window」メニューから「Android SDK and AVD Manager」を選択します。 開いたウィンドウの左側の欄から「Available Packages」を選択します。 右側の欄にインストール可能なパッケージが表示されるので、必要なものを選択し、「Install Selected」をクリックします。(*3) 選択確認画面が表示されるので、「Accept」もしくは「Accept All」を選び、「Install」をクリックします。 SDKコンポーネントのインストールが終わると「ADB」の再起動を促されますので、再起動してください。 これでひと通りの手順は終りになります。 極大雑把な説明ですから、必要に応じて以下のサイト等を参考に進めてみてください。 Xperia Android 開発環境SDKインストール 逆引きAndroid入門-開発環境を構築するには FlatLabs-Macに「eclipse」、「Android SDK」をインストールしてAndroid開発環境を整える。 HouseTect-Mac OS Xで環境変数にPATHを追加する方法
https://w.atwiki.jp/akasatanahama/pages/20.html
プログラミングの前にしておきたいこと・知っておきたいこと。 Eclipse 左側の「パッケージエクスプローラ」から、"Minecraft/src/main/java/com.example.examplemod"を削除する。(サンプル用のMODなので何もしない。) "Minecraft/src/main/java/"に"tutorial.aluminiummod"というパッケージを作成する。今後はこのパッケージの中にプログラムを作成していくことになる。 "tutorial.aluminiummod"の中に"AluminiumMod.java"を作成する。これがAluminiumModの中心になる。 Eclipseには便利な機能が数多くある。"."を入力すると、次に続くものの候補を表示してくれる。続けて文字列を入力していくことで絞り込みができ、キーボードの↑・↓ボタンでカーソルを移動、Enterで決定。 Ctrl + Shift + Oで自動的に必要なクラスをインポートしてくれる。 インポート文などのクラスを指定している所にカーソルをあわせ、F4を押すと左側の「型階層」で場所を開いてくれる。また、「型階層」のクラス名をダブルクリックすることでクラスを開くことができる。 上と同じくしてF3を押すとそのクラスが開かれる。 ワークスペース 複数のMODを同時進行で開発したい場合、Eclipseのワークスペース(作業場所)を複数用意するという方法がある。 環境構築のForge 4~7をフォルダ名を変えて行い、Eclipseのワークスペースの設定(Eclipse 5)で開発したいMODのワークスペースを選ぶことができる。 ワークスペースの設定は、ワークスペース・ランチャーで「この選択をデフォルトとして…」のチェックボックスにチェックを入れていなければ、起動時に毎回変更できる。もしチェックを入れたとしても、右上の「ファイル」から、「ワークスペースの切り替え」を選択すれば変更できる。 コメント この項目に関する質問などをどうぞ。 名前
https://w.atwiki.jp/falfal21/pages/38.html
更新 2010-10-01 13 42 33 (Fri) お品書き Android SDK Eclipse ADT Plugin SDKロケーションの設定 SDK Platform AVDの設定(Xperia) Android SDK Android Developers のページからSDKをダウンロードしてくる ダウンロードしたファイルを適当な場所に解凍する(例 C \android-sdkーwindows) Eclipse MergeDoc Project のページからダウンロードしてくる ダウンロードしたファイルを適当な場所に解凍する(例 C \pleiades) ADT Plugin Eclipseを起動する メニューバー「ヘルプ(H)」- 「新規ソフトウェアのインストール...」をクリック 「作業対象W」にhttps //dl-ssl.google.com/android/eclipse/を入力して「追加(A)...」をクリック 名前を適当に入力して「OK」をクリック 開発ツール(Android DDMS + Android 開発ツール)にチェックを入れる 指示に従って進んでいく 終わったら再起動 SDKロケーションの設定 Eclipseを起動する メニューバー「ウィンドウ(W)」- 「設定(P)」をクリック 左側の一覧から「android」を選択 「SDK ロケーション」に「Android SDK(最初にダウンロードしたやつ)」のパスを入力 「摘要」- 「OK」の順に押して完了 SDK Platform Eclipseを起動する メニューバー「ウィンドウ(W)」- 「Android SDK および ADV マネージャー」をクリック 「Available Packages」をクリック とりあえず全部チェックを入れて「Install Selected」をクリック とりあえず「Accept All」- 「インストール」の順にクリック 終わったら「閉じる」をクリック AVDの設定(Xperia) ここ から「Sony Ericsson Xperia™ X10 add-on for the Android SDK」をダウンロード ダウンロードしたファイルを解凍して「Android SDK」の「add-ons」フォルダに突っ込む Eclipseを起動する メニューバー「ウィンドウ(W)」- 「Android SDK および ADV マネージャー」をクリック 「Virtual Devices」をクリック 「新規...」をクリック ターゲットを「X10 (Sony Ericsson Mobile Communications) - API Level 4」、他は適当 「Create AVD」をクリック
https://w.atwiki.jp/lavender/pages/13.html
Seaser ●参考サイト 配布した資料内で使っているサンプルは下記URLよりダウンロードできます。 http //gihyo.jp/book/2007/978-4-7741-3070-5/support Seasar Conference 2007 Spring でのセッション資料です。 http //event.seasarfoundation.org/sc2007spring/Session#tgd962180f ●Seaser関連ページ● Seasarプロジェクトの公式サイトは↓ここです http //www.seasar.org/ The Seasar Projectの全貌を探る http //www.atmarkit.co.jp/fjava/rensai3/seasar2_01/seasar2_01.html Seasarにさわるさー http //muimi.com/j/aop/seasar/ 2分でナルホドSeasar2.4(Chura)でHello World http //www.c-sq.com/modules/cbdsqcont/article30.html S2Daoリファレンスページを見つけました。 http //s2dao.seasar.org/ja/s2dao.html SeasarのO/RマッピングツールS2Dao http //www.atmarkit.co.jp/fjava/rensai3/seasar2_05/seasar2_05_1.html シーサーサンプルプロジェクト http //www.wikiroom.com/oreju/index.php?%A5%B7%A1%BC%A5%B5%A1%BC%A5%B5%A5%F3%A5%D7%A5%EB%A5%D7%A5%ED%A5%B8%A5%A7%A5%AF%A5%C8 ●Eclipseプラグイン S2JSF htmlの編集やタグの補完機能があり結構つかえる。 Kijimuna Diconファイルの編集と検証を簡単に行うことができる。 (今のところはあまり活躍しなかも?) プラグインのダウンロード方法(更新サイトSeasar Eclipseは登録済みという前提) 1.Eclipseの[ヘルプ]→[ソフトウェア更新]→[検索およびインストール] 2.インストールする新規フィーチャーを検索選択し次へボタンを押下 3.Seasar Eclipseにチェックし終了ボタンを押下 4.Seasar Eclipseの左にある"+"をクリックして 表示されている該当のプラグインにチェックした後、次へボタンを押下 5.使用条件の条項に同意しますをチェックし次へボタンを押下 6.終了ボタンをクリック 7.フィーチャー検査のウインドウが表示されたら、インスト ールまたはすべてインストールを押下 8.インストール/更新のウインドウが表示されたら、はいのボタンを押下(Eclipseの再起動が実行される) 以上で作業終了です!
https://w.atwiki.jp/sdvx/pages/5032.html
Take to Lips/ Sound CYCLONE feat.大瀬良あい ℃iel 原曲 東方永夜抄「竹取飛翔 ~ Lunatic Princess」 アレンジ曲の初出は2008/12/29にInnocent Keyから頒布された「 東方楼蘭 」 なお、ジャケットはこの曲が収録されている2011/08/12にSound CYCLONEから頒布された「 reflections -soundcyclone s BEST- 」のもの アーティスト名表記にないが、ボーカルは「しゃばだばと愉快な仲間たち」も参加している→作曲・アレンジ(東方) Lv CHAIN 譜面属性 BPM TIME Version Genre Illustrator Effect NOVICE 02 0403 115 IV01 東方アレンジ マニャ子 TAKUYA ADVANCED 07 0629 EXHAUST 12 0944 MAXIMUM 15 1158 +難易度投票 NOVICE 選択肢 投票数 投票 詐称 0 強 0 中 0 弱 0 逆詐称 0 ADVANCED 選択肢 投票数 投票 詐称 0 強 0 中 0 弱 0 逆詐称 0 EXHAUST 選択肢 投票数 投票 詐称 0 強 1 中 0 弱 0 逆詐称 0 MAXIMUM 選択肢 投票数 投票 詐称 0 強 0 中 0 弱 0 逆詐称 0 動画検索 攻略・解説 譜面・楽曲の攻略についてはこちらへどうぞ 見辛さ解消の為に改行や文頭の編集、不適切なコメントを削除することがあります 名前 コメント ※文頭に[ bgcolor(#aaf){NOV}]、[ bgcolor(#ffa){ADV}]、[ bgcolor(#faa){EXH}]、[ bgcolor(#888){MXM}]をコピー ペーストすると見やすくなります コメント 楽曲やイラストなどのコメントについてはこちらへどうぞ 名前 コメント すべてのコメントを見る
https://w.atwiki.jp/javafx/pages/17.html
Clip 部分的な領域を扱う その領域のみ塗り潰され、他は不可視となる 属性 属性名 項目 代入される値 antialias アンチエイリアス Boolean cg(private) ZClipGroup childGroup(private) ZGroup content(private) Node shape 可視領域を定義する部分を設定 Node スーパクラス Node,Container サブクラス
https://w.atwiki.jp/l2j-jp/pages/13.html
ここは 構築作業のメモを残すとこです。ソース改変考察メモと化してますが ここは インストール違い データパックのリビジョン指定アップデート 結果 対策 それで インストール L2J構築 - カマエル・サーバを構築しよう!を見てほぼその通りにやってみる。 これを書いてる時点でのリビジョン L2J_JP 1055 L2J-DP 4693 違い Eclipse - All in one じゃなくて、最新版を日本語化して、SVNプラグインを入れた J2SE SDK Eclipse 公式サイト Eclipse 日本語Wiki 「エクリプス」 Eclipse 日本語化言語パック (サードパーティ版) Subversiveプラグイン JDK直リン JavaDoc直リン eclipse本体直リン eclipse言語パック直リン EazyPHP - xampp で代用 XAMPP for Windows xammp直リン NaviCat - xammpに入ってるphpmyadminで代用 データパックのリビジョン指定アップデート 書いてなかったのでメモ まずは書いてある通りにチェックアウトしとく Timeline で一番新しく書かれてる「L2J-DP(Rev4693)」みたいなのを探して、リビジョン番号を調べてコピっとく パッケージエクスプローラでデータパックを右クリック チーム→切り替え で、URLがからなら入れて、リビジョン にチェックして、Timelineで調べたリビジョン番号をペースト OKでOK メニュー発見 チェックアウトする前にSVNリポジトリのデータパックを右クリックして「リビジョン・リンクを追加」を選ぶ 調べたリビジョン番号を入れてOK→ADD チェックアウト これはだめだった。。。 ま、TortoiseSVNの方が簡単だし早いな 結果 MySQL のエンコードをUTF-8からSJISにうまく変更できなくて、日本語キャラ名が「?」に化けちゃう・・・ 対策 まず、これをやってDB作り直し http //support.exxaxon.co.jp/index.php?topic=28.0 だめなら、MySQLを単体で入れて設定してみる MySQL 直リン 他に参考になるかな? http //masha.maakikaku.jp/2007/06/windowsxammp.php http //support.exxaxon.co.jp/index.php?topic=107.0 http //support.exxaxon.co.jp/index.php?topic=97.0 http //support.exxaxon.co.jp/index.php?topic=29.0 別件で、WinMySQLadmin 起動時のエラーダイアログ多発はこれ http //phpbugs.wordpress.com/2008/01/24/access-violation-address-10002593/ それで DB作り直したらOKだった。
https://w.atwiki.jp/kougyou_kei/pages/29.html
OpenOCDにスクリプトを追加 "C \stm32\openocd\scripts\"に、"openocd_myfunc.cfg"という名前で以下の内容のファイルをメモ帳などで作成。 proc halt_mpu { } { init reset halt } Eclipseでデバッグ時、この関数をOpenOCD起動コマンドで呼び出さないと、正常にデバッグ操作ができない。 EclipseからOpenOCDを起動できるようにする Eclipseのメニューバーで[Run]-[External Tools]-[External Tools Configurations]を選択。(あいは、メニューバーで、ExtarnalToolsボタン(再生マークの右下にバッグが描いてあるボタン)の下向きの三角をクリック、[External Tools Configurations]をクリック。) 左メニューのなにもないところを右クリック。出てきたコンでキスとメニューで[New]を選択。 "Name"テキストボックスに"OpenOCD"と入力。 "Arguments"に下記の文をコピー。 STM32VLD -s C /stm32/openocd/scripts -f board/stm32vldiscovery.cfg -f openocd_myfunc.cfg -c halt_mpu STM32LD STM32F4D "Common"タブの"Display in favorites menu"で"External Tools"にチェックを入れる。 "Apply"ボタンを押し設定を適用、"Close"ボタンでウィンドウを閉じる。 EclipseからOpenOCDを起動できるか確認 メニューバーの[Run]-[External Tools]-[OpenOCD]を選択。 ウィンドウ下の"Console"ビューに下画像のようなメッセージが出力され、ST-LinkのCOMランプが点滅していれば、正常に起動できている。 "Console"ビューの"Tarminate"ボタン(四角の停止ボタン)を押し、OpenOCDを終了する。 EclipseからOpenOCDでデバッグできるようにする Eclipseのメニューバーで[Run]-[Debug Configurations]を選択。 左のメニューで"Zylin Embedded debug (Native)"を右クリック。 出てくるコンテキストメニューで、"New"を選択。 "Debugger"タブを選択。 "GDB debugger"テキストボックスに"arm-elf-gdb"と入力。 下にある"Verbose console mode"にチェックを入れる。 "Apply"ボタンを押して設定を反映する。 "Commands"タブを選択。 " Initialize commands"テキストボックスに下記の文を入力。 target remote localhost 3333 load monitor soft_reset_halt break main " Run commands"テキストボックスに以下の文を入力。 continue "Apply"ボタンを押して設定を反映する。 "Common"タブの"Display in favorites menu"で"Debug"にチェックを入れる。 "Apply"ボタンを押して設定を反映し、"Close"ボタンでウィンドウを閉じる。 EclipseからOpenOCDでデバッグできるか確認 ツールーバーの"Debug"ボタンにある下向き三角を押し、"プロジェクト名 Debug"(説明通り操作しているなら、"blink_led Debug"となっている。)を選択し、デバッグを開始。自動でプログラムがマイコンに書き込まれ、main関数でストップ(ブレイク)するようコマンドが送信される。 初回はパースペクティブを切り替えるか確認するウィンドウが表示されるが、"OK"を選択。 ソースコードが表示され、main関数のはじめの命令で止まっていることを確認する。(説明通り操作しているなら、"RCC_APB2PeriphClockCmd(RCC_APB2P..."という行で止まっているはず。) ツールバーの"Step Over"を押すことで、1行ずつ実行されていけば、正常にデバッグできている。(ショートカットキーとしてF6キーでもできる。) デバッグの手順 マイコンボードをUSBケーブルでパソコンに接続する。 プロジェクトをビルドする。 ツールバーの[External Tools]-[OpenOCD]を選択し、OpenOCDを起動。 ツールバーの[Debug]-[プロジェクト名 Debug]を選択し、デバッグを開始。自動でmain関数で停止する。(同時にパースペクティブがDebug用に切り替わる。) 以下の操作でデバッグを進め、バグを見つける。止めたい行の右端をダブルクリックすことで、ブレークポイントを設定できる。 ツールバーの"Resume"ボタンでプログラムをスタート。ブレークポイントがある行まで実行される。 ツールバーの"Step Into(F5)"で、1行ずつ実行。(関数内にも入る。) ツールバーの"Step Over(F6)"で、1行ずつ実行。(関数内に入らない。) ツールバーの"Step Return(F7)"で、関数の外に出る。 ソースコードの変数名にマウスポインタを置くことで、変数の内容を見ることができる。 その他の詳しい操作法は、マイコン徹底入門-12.2.3.4. Debugパースペクティブの見方から順に見ていくと、わかると思います。 STM32マイコンのプログラム書き換え回数は、1万回(保証値)なので、実質書き込み回数を気にせずデバッグできると思います。
https://w.atwiki.jp/touhoukashi/pages/6474.html
【登録タグ D DOWNTOWN-4 Dim. Dream オリエンタルダークフライト メイガスナイト 恋色マジック 星の器 ~ Casket of Star 曲 海月シェル 茜音色タウン】 【注意】 現在、このページはJavaScriptの利用が一時制限されています。この表示状態ではトラック情報が正しく表示されません。 この問題は、以下のいずれかが原因となっています。 ページがAMP表示となっている ウィキ内検索からページを表示している これを解決するには、こちらをクリックし、ページを通常表示にしてください。 /** General styling **/ @font-face { font-family Noto Sans JP ; font-display swap; font-style normal; font-weight 350; src url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/10/NotoSansCJKjp-DemiLight.woff2) format( woff2 ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/9/NotoSansCJKjp-DemiLight.woff) format( woff ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/8/NotoSansCJKjp-DemiLight.ttf) format( truetype ); } @font-face { font-family Noto Sans JP ; font-display swap; font-style normal; font-weight bold; src url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/13/NotoSansCJKjp-Medium.woff2) format( woff2 ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/12/NotoSansCJKjp-Medium.woff) format( woff ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/11/NotoSansCJKjp-Medium.ttf) format( truetype ); } rt { font-family Arial, Verdana, Helvetica, sans-serif; } /** Main table styling **/ #trackinfo, #lyrics { font-family Noto Sans JP , sans-serif; font-weight 350; } .track_number { font-family Rockwell; font-weight bold; } .track_number after { content . ; } #track_args, .amp_text { display none; } #trackinfo { position relative; float right; margin 0 0 1em 1em; padding 0.3em; width 320px; border-collapse separate; border-radius 5px; border-spacing 0; background-color #F9F9F9; font-size 90%; line-height 1.4em; } #trackinfo th { white-space nowrap; } #trackinfo th, #trackinfo td { border none !important; } #trackinfo thead th { background-color #D8D8D8; box-shadow 0 -3px #F9F9F9 inset; padding 4px 2.5em 7px; white-space normal; font-size 120%; text-align center; } .trackrow { background-color #F0F0F0; box-shadow 0 2px #F9F9F9 inset, 0 -2px #F9F9F9 inset; } #trackinfo td ul { margin 0; padding 0; list-style none; } #trackinfo li { line-height 16px; } #trackinfo li nth-of-type(n+2) { margin-top 6px; } #trackinfo dl { margin 0; } #trackinfo dt { font-size small; font-weight bold; } #trackinfo dd { margin-left 1.2em; } #trackinfo dd + dt { margin-top .5em; } #trackinfo_help { position absolute; top 3px; right 8px; font-size 80%; } /** Media styling **/ #trackinfo .media th { background-color #D8D8D8; padding 4px 0; font-size 95%; text-align center; } .media td { padding 0 2px; } .media iframe nth-of-type(n+2) { margin-top 0.3em; } .youtube + .nicovideo, .youtube + .soundcloud, .nicovideo + .soundcloud { margin-top 0.75em; } .media_section { display flex; align-items center; text-align center; } .media_section before, .media_section after { display block; flex-grow 1; content ; height 1px; } .media_section before { margin-right 0.5em; background linear-gradient(-90deg, #888, transparent); } .media_section after { margin-left 0.5em; background linear-gradient(90deg, #888, transparent); } .media_notice { color firebrick; font-size 77.5%; } /** Around track styling **/ .next-track { float right; } /** Infomation styling **/ #trackinfo .info_header th { padding .3em .5em; background-color #D8D8D8; font-size 95%; } #trackinfo .infomation_show_btn_wrapper { float right; font-size 12px; user-select none; } #trackinfo .infomation_show_btn { cursor pointer; } #trackinfo .info_content td { padding 0 0 0 5px; height 0; transition .3s; } #trackinfo .info_content ul { padding 0; margin 0; max-height 0; list-style initial; transition .3s; } #trackinfo .info_content li { opacity 0; visibility hidden; margin 0 0 0 1.5em; transition .3s, opacity .2s; } #trackinfo .info_content.infomation_show td { padding 5px; height 100%; } #trackinfo .info_content.infomation_show ul { padding 5px 0; max-height 50em; } #trackinfo .info_content.infomation_show li { opacity 1; visibility visible; } #trackinfo .info_content.infomation_show li nth-of-type(n+2) { margin-top 10px; } /** Lyrics styling **/ #lyrics { font-size 1.06em; line-height 1.6em; } .not_in_card, .inaudible { display inline; position relative; } .not_in_card { border-bottom dashed 1px #D0D0D0; } .tooltip { display flex; visibility hidden; position absolute; top -42.5px; left 0; width 275px; min-height 20px; max-height 100px; padding 10px; border-radius 5px; background-color #555; align-items center; color #FFF; font-size 85%; line-height 20px; text-align center; white-space nowrap; opacity 0; transition 0.7s; -webkit-user-select none; -moz-user-select none; -ms-user-select none; user-select none; } .inaudible .tooltip { top -68.5px; } span hover + .tooltip { visibility visible; top -47.5px; opacity 0.8; transition 0.3s; } .inaudible span hover + .tooltip { top -73.5px; } .not_in_card span.hide { top -42.5px; opacity 0; transition 0.7s; } .inaudible .img { display inline-block; width 3.45em; height 1.25em; margin-right 4px; margin-bottom -3.5px; margin-left 4px; background-image url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2971/7/Inaudible.png); background-size contain; background-repeat no-repeat; } .not_in_card after, .inaudible .img after { content ; visibility hidden; position absolute; top -8.5px; left 42.5%; border-width 5px; border-style solid; border-color #555 transparent transparent transparent; opacity 0; transition 0.7s; } .not_in_card hover after, .inaudible .img hover after { content ; visibility visible; top -13.5px; left 42.5%; opacity 0.8; transition 0.3s; } .not_in_card after { top -2.5px; left 50%; } .not_in_card hover after { top -7.5px; left 50%; } .not_in_card.hide after { visibility hidden; top -2.5px; opacity 0; transition 0.7s; } /** For mobile device styling **/ .uk-overflow-container { display inline; } #trackinfo.mobile { display table; float none; width 100%; margin auto; margin-bottom 1em; } #trackinfo.mobile th { text-transform none; } #trackinfo.mobile tbody tr not(.media) th { text-align left; background-color unset; } #trackinfo.mobile td { white-space normal; } document.addEventListener( DOMContentLoaded , function() { use strict ; const headers = { title アルバム別曲名 , album アルバム , circle サークル , vocal Vocal , lyric Lyric , chorus Chorus , narrator Narration , rap Rap , voice Voice , whistle Whistle (口笛) , translate Translation (翻訳) , arrange Arrange , artist Artist , bass Bass , cajon Cajon (カホン) , drum Drum , guitar Guitar , keyboard Keyboard , mc MC , mix Mix , piano Piano , sax Sax , strings Strings , synthesizer Synthesizer , trumpet Trumpet , violin Violin , original 原曲 , image_song イメージ曲 }; const rPagename = /(?=^|.*